<template>
	<view class="security">
		<uni-list>
			<uni-list-item>
				<template #header>
					<view class="name_label">土著ID</view>
				</template>
				<template #body>
					<view class="value_label">{{userId}}</view>
				</template>
			</uni-list-item>
			<uni-list-item link :to="'../login/editPassword'" title="修改密码"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				userId:''
			}
		},
		onLoad() {
			this.userId = getApp().globalData.userInfo.userId;
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.security{
		font-size: 28rpx;
		display: flex;
		color:#333333;
		flex-direction: column;
		justify-content: center;
		.button{
			border:2rpx #CCCCCC solid;
			border-radius: 10rpx;
			text-align: center;
			margin:60rpx;
			padding:12rpx 20rpx;
			font-size: 28rpx;
		}
		.name_label {
			width: 120rpx;
			font-size: 28rpx;
		}
		.value_label {
			font-size: 28rpx;
		}
	}
</style>
